*{ padding: 0px; margin: 0px; font-family:"微软雅黑" ;}
body{ min-width: 1200px; }
.header .content{ width: 1200px ;  }
.fl{ float: left; }
.fr{ float: right; }
.gz_top{ width: 100%; height: 95px; padding-top: 47px }
.gz_top_con{ width: 1200px; margin:0 auto; overflow: hidden;  }
.gz_top_con .top_con_logo{ padding-top: 20px; }
.top_con_nav{float: left;height: 95px;padding-left: 30px;position: relative;width: 720px;}
.top_con_nav ul {margin-top: 35px;overflow: hidden;}
.top_con_nav ul li {float: left;padding: 0 18px;text-align: center;}
.top_con_nav ul li a {color: #000;font-size: 20px;}
.top_con_nav .hx{ background: #000 none repeat scroll 0 0; height: 5px; position: absolute; top: 88px;}
.top_con_so{ width: 185px; height: 34px; border:1px solid #e5e5e5; border-radius: 50px; overflow: hidden; margin-top: 30px}
.top_con_so .sskuang{ width: 125px; height: 25px; line-height: 25px; margin-left: 15px; margin-top: 5px; border:none; color: #999; }
.top_con_so .search{ width: 40px; height: 30px; background: url(../images/soso.png) no-repeat 5px 6px;}
.gz_adcon{ width: 100%;  height: 500px; overflow: hidden; position: relative; }
.gz_adcon img{ width: 100%; height: 500px; }




/*广告*/

.pagination {
  position: absolute;
  z-index: 20;
  bottom: 10px;
  width: 100%;
  text-align: center;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #555;
  margin: 0 5px;
  opacity: 0.8;
  filter:alpha(opacity=80);
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}


.gz_video{ width: 100%; height: auto;  }
.gz_video .gz_video_con{ width: 1200px; height: auto;  margin:0 auto;}
.gz_video_top{ overflow:hidden; padding-top: 65px; }
.gz_video_top .bt{ font-size: 30px; color: #000000; /*font-weight: bold;*/ line-height:35PX; letter-spacing: 1PX }
.gz_video_top .bt a{ font-size:16px; color: #003579;  }
.gz_video_lb{  border:1px solid #000; height: 28px; margin-top: 42px; overflow: hidden;}
.gz_video_lb a{ width: 117px; height: 28px; display:block; float: left; line-height: 28px; text-align: center;border-right:1px solid #003579; }
.gz_video_lb .gl{ background: #000;color: #fff; }
.gz_video_bottom{ width: 1200px; height: 510px; margin-top: 20px }
.gz_video_bottom .gz_video_bottom_con{ width: 1200px; height: 510px; overflow: hidden; display: none } 
.gz_video_bottom_con .video_play{ width: 600px; height: 510px; overflow: hidden; }
.gz_video_bottom_con .video_play video{ background: #000 }
.gz_video_bottom_con .video_play .title{ height: 25px; line-height: 25px; font-size:18px;margin-top:7px;white-space: nowrap; }
.gz_video_bottom_con .video_play .time{height: 20px; line-height: 20px; color: #a9a9a9;font-size: 14px;white-space: nowrap;}
.gz_video_bottom_con .video_list{ width: 600px; }
.video_list ul{ overflow: hidden; width: 610px }
.video_list ul li{ float: left; padding-left: 34.5px }
.video_list ul li .video_img{ width: 263px; height: 188px; border:1px solid #e5e5e5; overflow: hidden;position: relative; }
.video_list ul li .video_img img{ width: 263px; height: 188px; }
.video_list ul li .video_img .cleng{ width: 50px; height: 25px; color: #FFF; position: absolute;bottom:8PX; right: 5px; z-index: 6; line-height: 25px; text-align: center; font-size: 14px; overflow: hidden;}
.video_list ul li .video_img .bg{ width: 50px; height: 25px; background: #000; opacity: 0.5;filter:alpha(opacity=50); position: absolute;bottom: 8PX; right: 5px ;border-radius:15px;}
.video_list ul li .video_xx{ overflow: hidden; width: 265px }
.video_list ul li .video_xx .title{ height: 25px; line-height: 25px; font-size:16px;  margin-top: 5px; white-space: nowrap; }
.video_list ul li .video_xx .time{height: 20px; line-height: 20px; color: #a9a9a9;font-size: 14px; margin-bottom: 10px;white-space: nowrap;}

/*艺术家*/
.gz_artist{ width: 100%; height: auto;  }
.gz_artist .gz_artist_con{ width: 1200px; height: auto;  margin:0 auto;}
.gz_artist_top{ overflow:hidden; padding-top: 65px; }
.gz_artist_top .bt{ font-size: 30px; color: #000000; /*font-weight: bold;*/ line-height:35PX; letter-spacing: 1PX }
.gz_artist_top .bt a{ font-size:16px; color: #003579;  }
.gz_artist_top .bt span{ width: 30px;  text-align: center; display: inline-block; }
.gz_artist_lb{  border:1px solid #000; height: 28px; margin-top: 42px; overflow: hidden;}
.gz_artist_lb a{ width: 117px; height: 28px; display:block; float: left; line-height: 28px; text-align: center;border-right:1px solid #003579; }
.gz_artist_lb .gl{ background: #000;color: #fff; }

.gz_artist_bottom{position: relative; height: 370px; overflow: hidden;}

#swiper-container{ height: 340px;  margin-top:35px;}
#swiper-container .swiper-slide{ padding-left: 25px; }
#swiper-container .swiper-slide .img{ width: 290px; height: 340px;position: relative;   }
#swiper-container .swiper-slide img{  width: 290px; height: 340px }
#swiper-container .swiper-slide .bg{ width: 100%; height: 100%; background: #000;position: absolute;left: 0px;top: 100%; opacity: 0.5; filter:alpha(opacity=50); transition: all 0.5s ease 0s}
#swiper-container .swiper-slide .art_txt{ width: 100%; height: 100%; color: #FFF;position: absolute;left: 0px;top: 100% ;overflow: hidden;transition: all 0.5s ease 0s}
.art_txt .p1{ font-size: 30px;margin-top: 50px; height: 35px; line-height: 35px; text-align:center; white-space: nowrap;}
.art_txt .p2{font-size: 18px; text-align:center;margin-top: 5px; white-space: nowrap;}
.art_txt .p3{width: 60px; margin: 10px auto;}
.art_txt .p4{ width: 76%; height: 200px; overflow: hidden;  margin: 0 auto;  font-size: 16px; line-height: 25px;}
#swiper-container .swiper-slide  a:hover .bg{top: 0%;}
#swiper-container .swiper-slide  a:hover .art_txt{top: 0%;}

.device {position: relative;}
.device .arrow-left {background: url(../images/arrows.png) no-repeat left top;position: absolute;left: 30px;top: -7%;margin-top: -15px;width: 17px;height: 30px;}
.device .arrow-right {background: url(../images/arrows.png) no-repeat left bottom;position: absolute;right: 30px;top: -7%;margin-top: -15px;width: 17px;height: 30px;}

#swiper-container3{ height: 340px;  margin-top:35px;}
#swiper-container3 .swiper-slide{ padding-left: 25px; }
#swiper-container3 .swiper-slide .img{ width: 290px; height: 340px;position: relative;   }
#swiper-container3 .swiper-slide img{  width: 290px; height: 340px }
#swiper-container3 .swiper-slide .bg{ width: 100%; height: 100%; background: #000;position: absolute;left: 0px;top: 100%; opacity: 0.5; filter:alpha(opacity=50); transition: all 0.5s ease 0s}
#swiper-container3 .swiper-slide .art_txt{ width: 100%; height: 100%; color: #FFF;position: absolute;left: 0px;top: 100% ;overflow: hidden;transition: all 0.5s ease 0s}
#swiper-container3 .swiper-slide  a:hover .bg{top: 0%;}
#swiper-container3 .swiper-slide  a:hover .art_txt{top: 0%;}

#swiper-container4{ height: 340px;  margin-top:35px;}
#swiper-container4 .swiper-slide{ padding-left: 25px; }
#swiper-container4 .swiper-slide .img{ width: 290px; height: 340px;position: relative;   }
#swiper-container4 .swiper-slide img{  width: 290px; height: 340px }
#swiper-container4 .swiper-slide .bg{ width: 100%; height: 100%; background: #000;position: absolute;left: 0px;top: 100%; opacity: 0.5; filter:alpha(opacity=50); transition: all 0.5s ease 0s}
#swiper-container4 .swiper-slide .art_txt{ width: 100%; height: 100%; color: #FFF;position: absolute;left: 0px;top: 100% ;overflow: hidden;transition: all 0.5s ease 0s}
#swiper-container4 .swiper-slide  a:hover .bg{top: 0%;}
#swiper-container4 .swiper-slide  a:hover .art_txt{top: 0%;}


/*新闻*/
.gz_news{ width: 100%; height: auto;  }
.gz_news .gz_news_con{ width: 1204px; height: auto;  margin:0 auto;}
.gz_news_top{ overflow:hidden; padding-top: 65px; }
.gz_news_top .bt{ font-size: 30px; color: #000000; /*font-weight: bold;*/ line-height:35PX; letter-spacing: 1PX }
.gz_news_top .bt a{ font-size:16px; color: #003579;  }
.gz_news_top .bt span{ width: 30px;  text-align: center; display: inline-block; }
.gz_news_lb{  border:1px solid #000; height: 28px; margin-top: 42px; overflow: hidden;}
.gz_news_lb a{ width: 117px; height: 28px; display:block; float: left; line-height: 28px; text-align: center;border-right:1px solid #003579; }
.gz_news_lb .gl{ background: #000;color: #fff; }
.gz_news_bottom{ width: 1200px; height: auto; margin:0 auto; margin-top: 15px; }
.gz_news_bottom .gz_news_bottom_con{ width: 1200px; display: none }
.gz_news_bottom_con ul{ width: 1220px; overflow: hidden;padding:5px 5px; margin-left: -5px}
.gz_news_bottom_con ul li{ width: 278px; height: 380px; padding: 10px;border:1px solid #FFF; /*box-shadow: 0px 0px 25px #e9e9e9;*/ float: left;}
.gz_news_bottom_con ul li .gz_news_img{width: 278px; height: 230px;}
.gz_news_bottom_con ul li .gz_news_img img{width: 276px; height: 230px;}
.gz_news_bottom_con ul li .p1{height: 30px; line-height: 30px;white-space: nowrap; font-size:18px; color: #000; margin-top: 25px; overflow: hidden;}
.gz_news_bottom_con ul li .p2{ height: 25px; line-height: 25px; font-size: 14px; color: #a9a9a9 }
.gz_news_bottom_con ul li .p3{margin-top: 10px; margin-bottom: 5px;}
.gz_news_bottom_con ul li .p4{height: 40px; line-height: 20px; overflow: hidden; color: #676565; font-size: 12px;}
.gz_news_bottom_con ul li:hover{border:1px solid #e9e9e9; box-shadow: 0px 1px 10px #e9e9e9; background: #fff}

/*商城*/
.gz_shop{ width: 100%; height: auto;  }
.gz_shop .gz_shop_con{ width: 1204px; height: auto;  margin:0 auto;}
.gz_shop_top{ overflow:hidden; padding-top: 65px; }
.gz_shop_top .bt{ font-size: 30px; color: #000000; /*font-weight: bold;*/ line-height:35PX; letter-spacing: 1PX }
.gz_shop_top .bt a{ font-size:16px; color: #003579;  }
.gz_shop_top .bt span{ width: 30px;  text-align: center; display: inline-block; }
.gz_shop_bottm{ width: 100%; }
.gz_shop_bottm ul{ width: 1220px; overflow: hidden;padding:5px 5px; margin-left: -5px}
.gz_shop_bottm ul li{ width: 278px; height: 420px; padding: 10px;border:1px solid #FFF; /*box-shadow: 0px 0px 25px #e9e9e9;*/ float: left;}
.gz_shop_bottm ul li .gz_shop_img{width: 278px; height: 300px;}
.gz_shop_bottm ul li .gz_shop_img img{width: 276px; height:300px;}
.gz_shop_bottm ul li:hover{border:1px solid #e9e9e9; box-shadow: 0px 1px 10px #e9e9e9; background: #fff}
.gz_shop_bottm ul li p{ text-align: center;white-space:nowrap; overflow: hidden; }
.gz_shop_bottm ul li .p1{ height: 35px; line-height: 35px; font-size: 24px; margin-top: 10px; }
.gz_shop_bottm ul li .p2{ height: 25px; line-height: 25px; font-size: 18px; color: #999999 }
.gz_shop_bottm ul li .p3{ height: 30px; line-height: 30px; font-size: 18px; color: #ff535a; margin-top: 5px; font-weight: bold; }
.gz_shop_bottm ul li a{color: #000}

/*关于我们*/
.gz_about{ width: 100%; height: auto; background: #f6f6f6;margin-top: 100px;  padding-bottom: 30px; }
.gz_about .gz_about_con{ width: 1200px; height: auto;  margin:0 auto;}
.gz_about_top { text-align: center;padding-top: 10px; }
.gz_about_top .bt{font-size: 30px; color: #000000; /*font-weight: bold;*/ line-height:35PX; letter-spacing: 1PX;padding: 20px 0 15px 0; }
.gz_about_bottom{width: 1200px;  overflow: hidden; margin-top: 30px;}
.about_zx{ width: 690px; }
.about_zx .p1{ color: #222222; font-size: 20px; line-height: 25px; height: 25px; }
.about_zx .txt{ color: #666666; font-size:14px; line-height: 20px; margin-top: 25px; margin-bottom: 15px; height: 222px; overflow: hidden;}
.about_zx .txt p{ text-indent: 2em; }
.about_zx .p2{ width: 80px; padding-top: 11px; float: right; margin-right: 80px }
.about_zx .p2 a{ width: 80px; height: 30px; text-align: center; line-height: 30px; color: #e9e9e9; font-size: 12px;  background: #000; display: block;}
.about_img{ width: 490px; height: 327px; }
.about_img img{ width: 490px; height: 327px; }


/*合作伙伴*/
.gz_link{ width: 100%; height: auto; margin-top: 70px; }
.gz_link .gz_link_con{ width: 1200px; height: auto;  margin:0 auto;}
.gz_link_top { text-align: center; }
.gz_link_top .bt{font-size: 30px; color: #000000; /*font-weight: bold;*/ line-height:35PX; letter-spacing: 1PX;padding: 20px 0 20px 0; }
.gz_link_bottom{width: 1200px;  overflow: hidden; margin-top: 30px;}
.gz_link_bottom p{ text-align: center; margin-bottom: 20px; white-space: nowrap; }
.gz_link_bottom p a{ margin:10px; }
.gz_link_bottom .p1 a img{ height: 100px; }
.gz_link_bottom .p2 a img{ height: 75px; }



/*3d艺术馆*/
.gz_threed{ width: 100%; height: 360px;  padding-bottom: 30px;padding-top: 25px }
.gz_threed .gz_threed_con{ width: 1200px; height: auto;  margin:0 auto;}
.gz_threed_top { padding-top: 10px; overflow: hidden; }
.gz_threed_top .bt{font-size: 30px; color: #000000; /*font-weight: bold;*/ line-height:35PX; letter-spacing: 1PX;padding: 20px 0 15px 0; }
.gz_threed_top .bt a{ font-size:16px; color: #003579;  }
.gz_threed_top .bt span{ width: 30px;  text-align: center; display: inline-block; }
.gz_threed_bottom{width: 1200px;  overflow: hidden; margin-top: 30px;margin:0 auto;}
.gz_threed_bottom ul{ width: 1220px; overflow: hidden;padding:5px 5px; margin-left: -5px}
.gz_threed_bottom ul li{ width: 278px; height: 215px; padding: 10px;border:1px solid #FFF; /*box-shadow: 0px 0px 25px #e9e9e9;*/ float: left;}
.gz_threed_bottom ul li .gz_threed_img{width: 278px; height: 215px;}
.gz_threed_bottom ul li .gz_threed_img img{width: 276px; height:215px; transition: all 0.5s ease 0s;}
.gz_threed_bottom ul li:hover{border:1px solid #e9e9e9; box-shadow: 0px 1px 10px #e9e9e9; background: #fff}
/*.gz_threed_bottom ul li:hover .gz_threed_img img{ transform:rotateY(180deg); }*/

/*艺术机构*/
.gz_mechanism{ width: 100%; height: 460px;  padding-bottom: 30px;padding-top: 25px }
.gz_mechanism .gz_mechanism_con{ width: 1200px; height: auto;  margin:0 auto;}
.gz_mechanism_top { padding-top: 10px; overflow: hidden; }
.gz_mechanism_top .bt{font-size: 30px; color: #000000; /*font-weight: bold;*/ line-height:35PX; letter-spacing: 1PX;padding: 20px 0 15px 0; }
.gz_mechanism_top .bt a{ font-size:16px; color: #003579;  }
.gz_mechanism_top .bt span{ width: 30px;  text-align: center; display: inline-block; }
.gz_mechanism_bottom{width: 1200px;  overflow: hidden; margin-top: 30px;margin:0 auto;}
.gz_mechanism_bottom ul{ width: 1220px; overflow: hidden;padding:5px 5px; margin-left: -5px}
.gz_mechanism_bottom ul li{ width: 278px; height: 338px; padding: 10px;border:1px solid #FFF; /*box-shadow: 0px 0px 25px #e9e9e9;*/ float: left;}
.gz_mechanism_bottom ul li .gz_mechanism_img{width: 278px; height: 288px;}
.gz_mechanism_bottom ul li .gz_mechanism_img img{width: 276px; height:288px; transition: all 0.5s ease 0s;}
.gz_mechanism_bottom ul li:hover{border:1px solid #e9e9e9; box-shadow: 0px 1px 10px #e9e9e9; background: #fff}
.gz_mechanism_bottom ul li:hover img{opacity: 0.85;filter:alpha(opacity=85);}
.gz_mechanism_bottom ul li p{ font-size: 24px; color: #000; text-align: center; line-height: 55px; white-space: nowrap; overflow: hidden; }